<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "理赔");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.title {
		z-index: 0 !important;
	}
	 .icon-float-left {
		float:left; 
		padding:0.3rem;
		width: 1.6rem
	}
	
	.title-nextto-icon{
		margin: 0; 
		padding:0.3rem; 
		font-size: 0.9rem;
	}
	.title-top{
		background-color:#ececec;
		height: 28px;	
	}
	.weui-cells{
		margin-top:0px;
	}	
	.weui-cells:before{
		border-top:0px;
	}
	.weui-cell:before{
		border-top:0px;
	}
	.weui-cell{
		
		border-bottom:1px solid #d3d3d3;
	}
	
	.bottom-btn {
		margin: 15px;
		padding: 10px;
		background-color: #2196F3;
	}
	.bottom-lab {
		position: fixed;
		bottom: 20px;
		background: #fff;
		width: 100%;
		text-align: center;
	}
	.bottom-lab>div {
		margin-bottom: 15px;
	} 
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>

	<div class="weui-cells weui-cells_form">
				<div class="weui-cell title-top">
					<div class="weui-cell__hd">
						<img class="icon-float-left" src=<c:url value="/images/we/enterpriseInsurance/shield.png"/> >	
					</div>
					<div class="weui-cell__bd">
						<div class="weui-cells__title title-nextto-icon">理赔信息</div>
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd">
						<label class="weui-label">姓名</label>
					</div>
					<div class="weui-cell__bd">
						<input class="weui-input" type="text" placeholder="请输入姓名" readonly>
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd">
						<label for="" class="weui-label">性别</label>
					</div>
					<div class="weui-cell__bd">
						<input class="weui-input" type="text" placeholder="请输入性别" readonly>
					</div>
	           </div>
	         	<div class="weui-cell">
					<div class="weui-cell__hd">
						<label for="" class="weui-label">已购买险种</label>
					</div>
					<div class="weui-cell__bd">
						<input class="weui-input selected-color" id="insurance-category" type="text" placeholder="点这里选择险种">
					</div>
				</div>
	           
	             <div class="weui-cell">
					<div class="weui-cell__bd">
						<textarea class="weui-textarea" placeholder="在此处输入需求描述" rows="3"></textarea>
						<div class="weui-textarea-counter">
							<span>0</span>/200
						</div>
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd">
						<label for="" class="weui-label">手机号</label>
					</div>
					<div class="weui-cell__bd">
						<input class="weui-input" type="number" pattern="[0-9]*" readonly>
					</div>
				</div>
	  </div>
	  <div class="bottom-lab">
			<a href="javascript:;" class="weui-btn weui-btn_primary bottom-btn">立即预约</a>
	 </div>
<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<script>

$("#insurance-category").select({
    title: "选择险种",
    multi: true,
    min: 0,
    max: 3,
    items: [
      {
        title: "健康",
        value: 1,
        description: "额外的数据1"
      },
      {
        title: "意外",
        value: 2,
        description: "额外的数据2"
      },
      {
        title: "理财",
        value: 3,
        description: "额外的数据3"
      },
      {
        title: "养老",
        value: 4,
        description: "额外的数据4"
      },
      {
        title: "教育",
        value: 5,
        description: "额外的数据5"
      },
      {
        title: "身价",
        value: 6,
        description: "额外的数据6"
      },
      {
         title: "保障",
         value: 7,
         description: "额外的数据7"
      },
      {
          title: "资产增值保全",
          value: 8,
          description: "额外的数据8"
       },
    ],
    beforeClose: function(values, titles) {
      return true;
    },
    onChange: function(d) {
      console.log(this, d);
    },
    onClose: function (d) {
      console.log('close')
    }
  });
</script>

<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>